背景画像を使ったテーブル
(このテーブルは画像2個分の高さを指定しています)
写真を使う場合の注意点
テーブル全体について
1 背景画像の大きさ 幅 400 ~ 600 程度
画像の倉庫など登録時に 幅 と 高さ を決めておく
2 テーブルの幅と高さについて
(画像の配置は左上を基点に敷き詰められます)
画像サイズより大きい場合
複数毎配置されます
画像サイズより小さい場合
画像の右端(水平方向)と下(垂直方向)が切れます
テキストボックスについて
1 テキストボックスの大きさ
テーブルと同じ大きさの場合
画像全体にテキストボックスが配置されます
テーブルより小さい大きさの場合
マージンを指定することによって自由に配置できます。
2 スクロールバーをつけない場合はテキストの行数によって
テーブルの高さが変わり垂直方向に画像が複数毎表示されます
3 グラデーションを使ってテキストを見やすくする
この処理をしないとテキストが見にくくなる場合があります
グラデーションの指定
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ff990099,EndColorStr=#ffffcc99);
背景色をグラデーションで表示します
グラデーションの方向
縦方向は GradientType=0 横方向は GradientType=0
スタートカラーの指定 縦方向の場合は 上 横方向の場合は 左
エンドカラーの指定 縦方向の場合は 下 横方向の場合は 右
指定は8桁使います
最初の2桁(左側) 透明度を指定します 透明 00 ~ 不透明 ff
透明 00 の場合は指定色は透明となり画像が透けてみえます
中間 99 の場合は指定色にグラデーションがかかり画像が透けてみえます
不透明 ff の場合は指定色が表示されます(通常の背景色と同じ)
次の6桁(右側) カラーコードを指定します
同色で透明度の変化の例
透明度 ff → 66 背景色 990099 → 990099
StartColorStr=#ff990099,EndColorStr=#66990099
指定色と透明度の変化の例
透明度 cc → 33 背景色 990099 → 009900
StartColorStr=#cc990099,EndColorStr=#33009900
|